.flex {
  display: flex;
}
.align {
  align-items: center;
}
.between {
  justify-content: space-between;
}
.j-center {
  justify-content: center;
}
.flex-align {
  display: flex;
  align-items: center;
}
.flex-end {
  display: flex;
  align-items: flex-end;
}
.flex-align-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-align-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-end {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.flex-end-between {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.flex-start-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.flex-center-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.flex-aligncenter-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flex-start-center-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
}
.flex-content-between-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.z-index {
  z-index: 1;
}
.z-index {
  z-index: 2;
}
.z-index {
  z-index: 3;
}
.mt-3 {
  margin-top: 30px;
}
.ruleDialog {
  .Functionality {
    width: 301px;
    height: 420px;
    background: #FFFFFF;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    .textlist::-webkit-scrollbar {
      display: none;
    }
    .textlist {
      flex: 1;
      overflow-y: auto;
      padding: 8px 12px;
    }
    .font {
      font-size: 12px;
      font-weight: 400;
      color: #111111;
      line-height: 18px;
      margin-bottom: 8px;
    }
    .activitytime {
      color: #FF2D2D;
      margin-bottom: 4px;
    }
    .orange {
      color: #FF8F28;
    }
  }
  
}